import React from 'react';

interface Props {
  color: string;
  className?: string;
}
function QuoteIcon({ color, className }: Props) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      className={className}
      width="66"
      height="48"
      fill="none"
      viewBox="0 0 66 48">
      <path
        fill={`var(--swm-navy-light-100)`}
        d="M49.693.29c2.964 0 5.672.766 8.125 2.296 2.35 1.633 4.242 3.828 5.672 6.584 1.431 2.857 2.147 6.123 2.147 9.798 0 3.061-.614 6.021-1.84 8.879-1.226 2.96-2.913 5.716-5.059 8.267-2.146 2.552-4.701 4.797-7.665 6.736-2.964 2.042-6.132 3.521-9.505 4.44l-6.745-8.114c4.19-1.837 7.614-4.032 10.271-6.583 2.555-2.552 3.833-4.746 3.833-6.583 0-1.225-.409-2.348-1.227-3.368-.92-1.02-2.044-1.99-3.372-2.909-2.35-1.837-3.935-3.521-4.753-5.052-.92-1.429-1.38-3.01-1.38-4.746 0-2.96 1.074-5.307 3.22-7.042C43.561 1.158 46.321.29 49.693.29zm-34.186 0c2.964 0 5.672.766 8.125 2.296 2.35 1.633 4.241 3.828 5.672 6.584 1.431 2.857 2.146 6.123 2.146 9.798 0 3.061-.613 6.021-1.84 8.879-1.226 2.96-2.912 5.716-5.058 8.267-2.146 2.552-4.701 4.797-7.665 6.736-2.964 2.042-6.132 3.521-9.505 4.44L.637 39.176c4.19-1.837 7.614-4.031 10.271-6.583 2.555-2.552 3.833-4.746 3.833-6.583 0-1.225-.41-2.348-1.227-3.368-.92-1.02-2.044-1.99-3.373-2.909-2.35-1.837-3.934-3.521-4.752-5.052-.92-1.429-1.38-3.01-1.38-4.746 0-2.96 1.073-5.307 3.22-7.042C9.375 1.158 12.134.29 15.507.29z"></path>
    </svg>
  );
}

export default QuoteIcon;
